*{
	margin: 0;
	padding: 0;
}

.wp{
	position: absolute;
	left: 750px


}

.wp img{

	width: 75%;
	height: 200px;
}


.ehuh{
	position: absolute;
}

.ehuh img{

	width: 40%;
	height: 200px;
}

/*ESTILOS DE LA GALERIA PEDORRA*/
	
	.galeriadp{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 20px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.galeriadp img{
		width: 230px;
		height: 170px;
		border: solid #c06a0d;
	}

	/*ESTILOS DEL MODAL*/

	.modaldp{
		display: none;
	}

	.modaldp:target{
		display: block;
		position: fixed;
		background: rgba(0,0,0,0.8);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modaldp h3{
		color: #fff;
		font-size: 50px;
		text-align: center;
		margin: 20px 0;
	}

	.imagendp{
		width: 100%;
		height: 70%;

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imagendp a{
		color: #fff;
		font-size: 60px;
		text-decoration: none;
		margin: 0 50px;
		text-align: center;
	}

	.imagendp a:nth-child(2){
		margin: 0;
		height: 100%;
		flex-shrink: 2;
	}

	.imagendp img{
		width: 700px;
		height: 100%;
		max-width: 100%;
		border: 7px solid #fff;
		box-sizing: border-box;
	}

	.cerrardp{
		display: block;
		background: #fff;
		width: 25px;
		height: 25px;
		margin: 70px auto;
		text-align: center;
		text-decoration: none;
		font-size: 25px;
		color: #000;
		padding: 5px;
		border-radius: 50%;
		line-height: 25px;
	}

	.galeriasdp{

	}
	.galeriasdp h1{
		font-size: 25px;
		text-align: center;
		color: #ff7800;
	}

.gallery{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.gallery li{
		margin: 0px;

	}

	.gallery img{
		width: 280px;
		height: 150px;
		border: solid #a9d8de 5px;
	}


.plomeria{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.plomeria li{
		margin: 0px;

	}

	.plomeria img{
		width: 280px;
		height: 280px;
		/*border: solid rgba(0,0,0,0.1) 5px;*/
		background:rgba(0,0,0,0.1);
	}

	.mpc{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.mpc img{
		width: 1100px;
		height: 350px;
		/*border: solid rgba(0,0,0,0.1) 5px;*/
		background:rgba(0,0,0,0.1);
	}

	.ehuhwp{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.ehuhwp li{
		margin: 0px;

	}

	.ehuhwp img{
		width: 480px;
		height: 200px;
		/*border: solid #a9d8de 5px;*/
	}

.pa{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.pa li{
		margin: 0px;

	}

	.pa img{
		width: 280px;
		height: 180px;
		border: solid #a9d8de 5px;
		/*background: rgba(0,0,0,.1);*/
	}
/*Treyd Plus*/

.treyd{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

.treyd li{
		margin: 0px;

	}

.treyd img{
		width: 250px;
		height: 250px;
		/*border: solid #a9d8de 5px;*/
		background: rgba(0,0,0,.1);
	}

	.treydword{
	
	}

	.treydword h2{
		color: #000;
		font-size: 50px;
		font-family: Anton;
	}

	.treydword p{
		width: 100%;
		color: #000;
		/*font-size: 15px;*/
		font-family: Century Gothic;
	}
		.treydword ul{
		width: 100%;
		color: #000;
		/*font-size: 15px;*/
		font-family: Century Gothic;
	}

.back{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.back li{
		margin: 0px;

	}

	.back img{
		width: 200px;
		height: 100px;
		/*border: solid #a9d8de 5px;*/
		/*background: rgba(0,0,0,.1);*/
	}

.pa0{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 10px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.pa0 li{
		margin: 0px;

	}

	.pa0 img{
		width: 1000px;
		height: 400px;
		border: solid #a9d8de 5px;
		/*background: rgba(0,0,0,.1);*/
	}